import React from 'react';
import { connect } from 'dva';
import { Card } from 'antd';
import styles from './styles.less';
import BusiObjInfo from './components/BusiObjInfo';
import AttrSpecInfo from './components/AttrSpecInfo';
import AttrValueInfo from './components/AttrValueInfo';

function BusiObjManage(props) {

  return (
    <div className={styles.scroll_main}>
      <div className={styles.scroll_left}>
        <Card
          className="cute"
          style={{ height: props.size.height }}
        >
          <BusiObjInfo height={props.size.height} />
        </Card>
      </div>
      <div className={styles.scroll_content}>
        <Card
          className="cute"
          style={{height: props.size.height/2 -4}}
        >
          <AttrSpecInfo height={props.size.height/2 -4} />
        </Card>
        <Card
          className="cute"
          style={{height: props.size.height/2 -4}}
        >
          <div>
            <AttrValueInfo height={props.size.height/2 -4} />
          </div>
        </Card>
      </div>
    </div>
  );
}

export default connect(({ setting }) => ({
  size: setting.size,
}))(BusiObjManage);
